<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>荣事达官网</title>
    <!--    <link rel="icon" href="images/icon.png"/>-->
    <link rel="icon"
          href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1595908355021&di=4ed01dc84f78710c6d1d5f6cc80e23c4&imgtype=0&src=http%3A%2F%2Fwww.epbiao.com%2FPublic%2Fupload%2Farticle%2F2017%2F03-31%2F58de31f372f4a.png"/>
    <!--CSS样式-->
    <style>
        * {
            margin: 0px;
            padding: 0px;
        }

        /*顶部菜单栏*/
        #menuContent {
            width: 100%;
            height: 50px;
            position: relative;
            z-index: 100;
            overflow: hidden;
            background-color: #f2f2f2;
        }

        #menuContent a {
            color: #000;
            text-decoration: none;
        }

        #menuContent a:hover {
            color: #000;
            text-decoration: underline;
            color: #aaaaaa;
        }

        ul, li {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }

        #logoImg {
            width: 202px;
            position: absolute;
            left: 2%;
            top: 12px;
            z-index: 100;
        }

        #menuList {
            width: 900px;
            position: absolute;
            left: 50%;
            top: 0px;
            z-index: 100;
            margin-left: -450px;
            font-size: 15px;
            line-height: 50px;
        }

        #menuList ul {
            width: 100%;
            text-align: center;
        }

        #menuList li {
            margin-left: 20px;
            color: #000;
            display: inline-block;
        }

        #menuContent img {
            width: 100%;
            display: block;
            border: none;
        }

        #yuYue {
            width: 109px;
            position: absolute;
            right: 2%;
            top: 12px;
            z-index: 100;
        }

        /*page3*/
        #page3 {
            width: 100%;
            position: relative;
            overflow: hidden;
            background-color: #f2f2f2;
        }

        #page3 img {
            display: block;
            width: 100%;
            height: 100%;
        }

        #page31 {
            width: 25%;
            height: 100%;
            float: left;
            overflow: hidden;
            position: relative;
        }

        #page31 #page31txt {
            font-size: 15px;
            position: absolute;
            top: 30px;
            left: 30px;
        }

        .page3title {
            font-size: 20px;
            line-height: 25px;
        }


        /*page4*/
        #page4 {
            width: 100%;
            position: relative;
        }

        #page4 img {
            display: block;
            width: 100%;
        }

        #page4_img {
            width: 43.4%;
            left: 12.5%;
            top: 18.7%;
            position: absolute;
        }

        #page4_txt {
            width: 29.5%;
            left: 63.5%;
            top: 32%;
            position: absolute;
            color: #000;
            line-height: 30px;
            font-size: 15px;
        }

        #page4_logo {
            width: 60%;
            margin: auto;
        }

        #learn_more {
            line-height: 35px;
            font-size: 15px;
            text-align: center;
            width: 60%;
            margin: auto;
            border: 1px solid #000;
            border-radius: 35px;
        }

        #learn_more a {
            color: #000;
            text-decoration: none;
        }

        #learn_more a:hover {
            color: #000;
            text-decoration: none;
        }

        /*page7*/
        #page7 {
            width: 100%;
            margin: auto;
            position: relative;
            overflow: hidden;
            padding-bottom: 80px;
            background-color: #f2f2f2;
        }

        #page7 img {
            display: block;
            width: 100%;
        }

        #page7 .title2 {
            padding-left: 9%;
            padding-right: 9%;
            line-height: 60px;
            font-size: 20px;
            font-weight: bold;
        }

        #page7 .title2 #online_re {
            width: 120px;
            border: 1px solid #000;
            border-radius: 30px;
            float: right;
            text-align: center;
            font-weight: normal;
            line-height: 30px;
            font-size: 15px;
            margin-top: 15px;
        }

        #online_re a {
            color: #000;
            text-decoration: none;
        }

        #online_re a:hover {
            color: #000;
            text-decoration: none;
        }

        #page7 #page7_step {
            width: 83%;
            margin: auto;
            position: relative;
        }

        #page7 #page7_step .step {
            font-size: 18px;
            line-height: 25px;
            text-align: center;
        }

        #page7 #page7_step .step1 {
            width: 78px;
            height: 50px;
            position: absolute;
            top: 53.4%;
            left: 7.2%;
        }

        #page7 #page7_step .step2 {
            width: 78px;
            height: 50px;
            position: absolute;
            top: 53.4%;
            left: 33.3%;
        }

        #page7 #page7_step .step3 {
            width: 120px;
            height: 50px;
            position: absolute;
            top: 53.4%;
            left: 57.5%;
        }

        #page7 #page7_step .step4 {
            width: 78px;
            height: 50px;
            position: absolute;
            top: 53.4%;
            left: 86.1%;
        }

        /*page8*/
        #page8 {
            width: 100%;
            margin: auto;
            position: relative;
            clear: both;
            overflow: hidden;
            text-align: center;
        }

        #page8 img {
            display: block;
            width: 100%;
        }

        #page8 * {
            -moz-box-sizing: border-box; /*Firefox3.5+*/
            -webkit-box-sizing: border-box; /*Safari3.2+*/
            -o-box-sizing: border-box; /*Opera9.6*/
            -ms-box-sizing: border-box; /*IE8*/
            box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
        }

        #page8 #page81 {
            width: 39.9%;
            height: 100%;
            position: relative;
            float: left;
            /*background-image:url(../images/index/index_22.jpg);*/
            /*background-position:top left;*/
            /*background-size:100% 100%;*/
            /*vertical-align: baseline;*/
            padding-top: 12%;
            color: #FFF;
            font-size: 25px;
            line-height: 35px;
        }

        #page8 #page81 #page81_btn {
            width: 150px;
            margin: auto;
            font-size: 15px;
            line-height: 30px;
            border: 1px solid #FFF;
            border-radius: 30px;
            cursor: pointer;
        }

        #page8 #page82 {
            width: 60.1%;
            height: 100%;
            position: relative;
            float: left;
            /*background-image:url(../images/index/index_23.jpg);*/
            /*background-position:top left;*/
            /*background-size:100% 100%;*/
            /*vertical-align: baseline;*/
            padding-top: 12%;
            color: #000;
            font-size: 25px;
            line-height: 35px;
        }

        #page8 #page82 #page82_btn {
            width: 150px;
            margin: auto;
            font-size: 15px;
            line-height: 30px;
            border: 1px solid #000;
            border-radius: 30px;
            cursor: pointer;
        }

        /*page9*/
        #page9 {
            width: 100%;
            margin: auto;
            position: relative;
        }

        #page9 img {
            display: block;
            width: 100%;
        }

        #page9 #page91 {
            width: 345px;
            position: absolute;
            top: 24%;
            left: 52.3%;
            color: #000;
            font-size: 25px;
            line-height: 35px;
            text-align: center;
        }

        #page9 #page91 #page91_btn {
            width: 150px;
            margin: 15px auto;
            font-size: 15px;
            line-height: 30px;
            border: 1px solid #000;
            border-radius: 30px;
        }

        #page9 #page91 #page91_btn a {
            color: #000;
            text-decoration: none;
        }

        #page9 #page91 #page91_btn a:hover {
            color: #000;
            text-decoration: none;
        }

        /*底部信息*/
        #rsdbottom {
            width: 100%;
            margin: auto;
            position: relative;
            background-color: #656565;
            padding-top: 50px;
            padding-bottom: 80px;
        }

        #rsdbottom a {
            color: #FFF;
            text-decoration: none;
        }

        #rsdbottom a:hover {
            color: #FFF;
            text-decoration: underline;
        }

        #rsdbottom #rsdbottom_con {
            width: 95%;
            margin: auto;
        }

        #rsdbottom #bottom_logo {
            padding-top: 10px;
            float: left;
        }

        #rsdbottom .bottom_list {
            float: right;
            margin-left: 4%;
            font-size: 14px;
            line-height: 30px;
            color: #FFF;
        }

        #rsdbottom .bottom_list h1 {
            font-size: 18px;
            line-height: 40px;
            margin: 0px;
            padding: 0px;
            font-weight: normal;
        }

        #rsdbottom .bottom_center {
            text-align: center;
        }

        #rsdbottom .weixinbtn {
            width: 130px;
            font-size: 14px;
            line-height: 30px;
            border: 1px solid #FFF;
            border-radius: 30px;
            cursor: pointer;
        }

        #rsdbottom .weibobtn {
            width: 130px;
            font-size: 14px;
            line-height: 30px;
            border: 1px solid #FFF;
            border-radius: 30px;
            cursor: pointer;
            margin-top: 10px;
        }

        .clearfloat {
            width: 100%;
            height: 30px;
            border-bottom: solid 1px #FFF;
            clear: both;
        }

        #rsdbottom ul, #rsdbottom li {
            list-style: none;
            margin: 0px;
            padding: 0px;
            color: #FFF;
        }

        #bottom_info {
            padding-top: 30px;
        }

        #bottom_info:after {
            clear: both;
        }

        #bottom_info li {
            float: left;
            margin-right: 10px;
            padding-left: 10px;
            font-size: 14px;
            line-height: 15px;
            border-left: solid 1px #FFF;
        }

        #bottom_info li:first-child {
            border: none;
        }

        #bottom_copyright {
            clear: both;
            padding-top: 30px;
        }

        #bottom_copyright li {
            float: left;
            margin-right: 10px;
            padding-left: 10px;
            font-size: 14px;
            line-height: 15px;
            border-left: solid 1px #FFF;
        }

        #bottom_copyright li:first-child {
            border: none;
        }

        /*客服*/
        #keFu {
            position: fixed;
            right: 0px;
            top: 75%;
        }
    </style>
    <!--js样式-->
    <script>
        // 轮播图滚动
        function gun() {
            var i = 0;
            setInterval(function () {
                var img = document.getElementById("lunBo").firstElementChild;
                var a = new Array();
                a[0] = "http://www.rsdcw.com/images/index/index_top_03.jpg?t=1.0.0";
                a[1] = "http://www.rsdcw.com/images/index/index_01.jpg";
                a[2] = "http://www.rsdcw.com/images/index/index_02.jpg";

                img.setAttribute("src", a[i]);
                i++;
                if (i > 2) {
                    i = 0;
                }
            }, 2000)
        }

        //滚动条
        var initHeight = 0;
        window.onload = function () {
            //获得元素一开始的距离上边的高度
            var s = document.getElementById("menuContent");
            initHeight = s.offsetTop;
        }
        window.onscroll = function () {
            var y = document.body.scrollTop || document.documentElement.scrollTop;
            var s = document.getElementById("menuContent");
            console.log("滚动：" + y + "相对高度：" + initHeight)
            if (y > initHeight + 600) {
                s.style.position = "fixed";
                s.style.top = "0px";

            } else {
                s.style.position = "static";
            }
        }
    </script>
</head>
<body onload="gun()">
<div>
    <!--顶部菜单-->
    <div id="menuContent">
        <div id="logoImg"><a href="http://www.rsdcw.com/index.html"><img src="http://www.rsdcw.com/images/logo2.png"
                                                                         alt=""></a></div>
        <div id="menuList">
            <ul>
                <li><a href="http://www.rsdcw.com/index.html">首页</a></li>
                <li><a href="http://www.rsdcw.com/brand.html">品牌介绍</a></li>
                <li><a href="http://www.rsdcw.com/hardcover.html">全屋定制精装</a></li>
                <li><a href="http://www.rsdcw.com/productlist.aspx">电器产品</a></li>
                <li><a href="http://www.rsdcw.com/index.html#name">预约设计及服务</a></li>
                <li><a href="http://www.rsdcw.com/CustomRaiders.aspx">定制攻略</a></li>
                <li><a href="http://www.rsdcw.com/lxwm.html">联系我们</a></li>
                <li><a href="http://www.rsdcw.com/joinus.html">招商加盟</a></li>
            </ul>
        </div>
        <div id="yuYue"><a href="http://www.rsdcw.com/index.html#name"><img src="http://www.rsdcw.com/images/yuyue.png"
                                                                            alt=""></a></div>
    </div>
    <!--轮播图-->
    <div id="lunBo">
        <img style="width: 1366px;height: 700px" src="http://www.rsdcw.com/images/index/index_top_03.jpg?t=1.0.0">
        <!--按钮-->
        <ol>
            <li class="active"></li>
            <li></li>
            <li></li>

        </ol>
    </div>
    <!--    第三页-->
    <div id="page3" style="height: 520px;">
        <div id="page31">
            <img src="http://www.rsdcw.com/images/index/index_03.jpg" alt="">
            <div id="page31txt">
                <span class="page3title">定制客厅壁柜</span><br>
            </div>
            <div class="xin xin1">新</div>
        </div>
        <div style="width:75%;height:50%;overflow:hidden;">
            <div id="page32">
                <img src="http://www.rsdcw.com/images/index/index_04.jpg" alt="">
                <div id="page32txt">服务团队,是家装中最重要的元素</div>
            </div>
            <div id="page33">
                <img src="http://www.rsdcw.com/images/index/index_05.jpg" alt="">
            </div>
        </div>
        <div style="width:75%;height:50%;overflow:hidden;">
            <div id="page34">
                <img src="http://www.rsdcw.com/images/index/index_06.jpg" alt="">
                <div id="page34txt">
                    <span class="page3title">定制衣柜</span><br>
                </div>
                <div class="xin xin2">新</div>
            </div>

        </div>
    </div>

    <!--企业介绍-->
    <div id="page4">
        <img src="http://www.rsdcw.com/images/index/index_08.jpg" alt="">
        <div id="page4_img"><img src="http://www.rsdcw.com/images/index/index_09.jpg" alt=""></div>
        <div id="page4_txt">
            <div id="page4_logo"><img src="http://www.rsdcw.com/images/logo2.png" alt=""></div>
            <br>
            荣事达是集整体橱柜、衣柜、全屋定制和厨房电器为一体的专业化品牌，
            是中国橱柜和厨卫行业十大影响力品牌之一，
            引进欧洲设计和生产理念，为消费者提供一站式定制精装服务。
            <br><br><br>
            <div id="learn_more"><a href="http://www.rsdcw.com/brand.html">了解更多</a></div>
        </div>
    </div>


    <div id="page7">
        <div class="title2">
            简单四步，轻松定制
            <div id="online_re"><a href="http://www.rsdcw.com/index.html#name">马上在线预约</a></div>
        </div>
        <div id="page7_step">
            <img src="http://www.rsdcw.com/images/index/index_18.jpg" alt="">
            <div class="step1 step">
                网上预约<br>免费量尺
            </div>
            <div class="step2 step">
                上门量尺<br>设计方案
            </div>
            <div class="step3 step">
                到店看方案<br>签约合同
            </div>
            <div class="step4 step">
                产品配送<br>安装售后
            </div>
        </div>
    </div>

    <div id="page8" style="height: 440px;">
        <div id="page81">
            预约定制<br>有妙招<br><br>
            <div id="page81_btn">了解更多</div>
        </div>
        <div id="page82">
            千名设计师<br>用心为您服务<br><br>
            <div id="page82_btn">了解更多</div>
        </div>
    </div>

    <div id="page9">
        <img src="http://www.rsdcw.com/images/index/index_24.jpg" alt="">
        <div id="page91">
            合作双赢，共享市场<br>
            荣事达欢迎您加盟！<br>
            <div id="page91_btn"><a href="http://www.rsdcw.com/joinus.html">进入加盟专区</a></div>
        </div>
    </div>


    <!--底部信息-->
    <div id="rsdbottom">
        <div id="rsdbottom_con">
            <div id="bottom_logo"><img src="http://www.rsdcw.com/images/logo.png" alt=""></div>

            <div class="bottom_list bottom_center">
                <h1>社交媒体</h1>
                <div class="weixinbtn">微信公众号</div>
                <div class="weibobtn">微博公众号</div>
            </div>

            <div class="bottom_list">
                <h1><a href="http://www.rsdcw.com/joinus.html">招商加盟</a></h1>
            </div>

            <div class="bottom_list">
                <h1>服务支持</h1>
                配送服务<br>
                售后服务<br>
            </div>

            <div class="bottom_list">
                <h1>电器产品</h1>
                燃气热水器<br>
                燃气灶<br>
                油烟机<br>
                消毒柜<br>
            </div>

            <div class="bottom_list">
                <h1><a href="http://www.rsdcw.com/hardcover.html">全屋定制精装</a></h1>
                <a href="http://www.rsdcw.com/fullhouse_made_lf.html">拉菲系列</a>
                <br>
                <a href="http://www.rsdcw.com/fullhouse_made_ys.html">
                    雅尚系列
                </a><br>
                <a href="http://www.rsdcw.com/fullhouse_made_yx.html">印象系列</a><br>
            </div>

            <div class="bottom_list">
                <h1><a href="http://www.rsdcw.com/brand.html#page3">品牌简介</a></h1>
                <a href="http://www.rsdcw.com/brand.html#page5">品牌历史</a><br>
                <a href="http://www.rsdcw.com/brand.html#page8">实力</a><br>
                <a href="http://www.rsdcw.com/brand.html#page4">文化</a><br>
            </div>
            <div class="clearfloat"></div>
            <br><br>
            <ul id="bottom_info" style="float:left;display:inline-block;">
                <li>帮助中心</li>
                <li><a href="http://www.rsdcw.com/lxwm.html">联系我们</a></li>
                <li>招聘信息</li>
                <li>授权信息</li>
                <li>网站条款</li>
                <li>法律声明</li>
                <li style="clear:both;"></li>
            </ul>
            <div style="float: right; text-align: right; font-size: 14px; line-height: 15px;color:#FFF; display: inline-block;">
                售后服务： 400-700-6333
            </div>
            <br>
            <br>
            <div style="float: right; text-align: right; font-size: 14px; line-height: 15px;color:#FFF; display: inline-block;">
                财富热线： 18933306656 招商总监
            </div>
            <div style=" clear: both;height:20px;line-height:20px;"></div>
            <ul id="bottom_copyright">
                <li>版权申明</li>
                <li><a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备17098231号</a></li>
            </ul>
            <div style=" clear: both;height:20px;line-height:20px;"></div>
            <div style="color:#FFF;padding-left: 10px;line-height: 15px;font-size: 14px;">乐宜嘉家居集团有限公司,投资有风险，选择需谨慎
            </div>
            <div style=" clear: both;height:20px;line-height:20px;"></div>

        </div>
    </div>
    <div id="keFu">
        <a href="https://www26.53kf.com/webCompany.php?kf_sign=Tg0OTMTU5NM4ODExNjk1ODYyOTkyMDA1NzIxNzI1NTM=&arg=10172553&style=1&language=zh-cn&charset=&kflist=off&kf=1669907826@qq.com&zdkf_type=1&lnk_overflow=0&callback_id6ds=10266868&referer=http%3A%2F%2Fwww.rsdcw.com%2F&keyword=&tfrom=1&tpl=crystal_blue&uid=e0851e5a4fa87d980038ca36d8148b29&is_group=&is_group=&timeStamp=1595863710540&ucust_id="><img
                src="https://www26.53kf.com/style/setting/ver06/img/icon/logo-skin/click_btn/clickbtn_4.png"
                height="100px" width="100px"></a>
    </div>
</div>


</div>
</body>
</html>